<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!-- <!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<meta content="width=device-width; initial-scale=1; maximum-scale=1" name="viewport">
<title>一款功能强大的jquery评分插件jquery.raty-dwtedx个人博客</title>

<link type="text/css" rel="stylesheet" href="demo/css/application.css">
<script type="text/javascript" src="demo/js/jquery.min.js"></script>
<script type="text/javascript" src="lib/jquery.raty.min.js"></script>
</head>
<body> -->
<%-- <link type="text/css" rel="stylesheet" href="${ root}/jslib/raty/demo/css/application.css"> --%>
<script type="text/javascript" src="${ root}/jslib/raty/demo/js/jquery.min.js"></script>
<script type="text/javascript" src="${ root}/jslib/raty/lib/jquery.raty.min.js"></script>
<div class="contact-bottom-grids" style="display:none;position: fixed;z-index: 99;margin:auto;top: 0;left: 0;right:0;bottom:0;width: 600px;height:450px;background: rgb(255, 245, 226);border: 1px solid rgb(255, 116, 0);">
	<div class="contact-bottom-grid-right" style="float: none;margin: 0 auto;width: 90%;">
		<h3>Comment <span class="close" style="float: right;margin-top: -20px; cursor:pointer;"><img src="${root }/images/010.gif"></span></h3>
		<form id="commentForm" action="${root }/control/order/commentController/userAddComment.do" method="post">
			<input type="hidden" name="commentOrderId" id="setRatyOrderId"  />
			<div class="message-fild" style="padding: 1em 0;">
				<p class="" style="display: inline-block; ">
				    Star Level：<div id="shopPraise" style="display: inline-block; vertical-align: middle;"></div>
				    <span style="color:red; margin-left:10px;">
				    	<input type="hidden" name="starLevel" id="starLevel" dataType="*" nullmsg="Please fill in the star level!" />
				    	<div class="Validform_checktip"></div>
				    </span>
				</p>
				<span>Content:</span>
				<textarea id="commentContent" name="commentContent" style="min-height: 150px;" maxlength="2000" dataType="*1-2000" nullmsg="Please fill in the conent!" errormsg="The conent length in 1 ~ 2000 between!"> </textarea>
				<div class="Validform_checktip"></div>
			</div>
			<input style="margin:0 0 10px;float: right;" type="submit" value="Comment">
			<span id="msgDemo" style="margin-left:30px;"></span>
		</form>
	</div>
	<div class="clearfix"> </div>
</div>
<script type="text/javascript">
    $(function() {
      //$.fn.raty.defaults.path = 'lib/img';
      $('#shopPraise').raty({
	  	number: 5,//多少个星星设置	
	  	targetType: 'number',//类型选择，number是数字值，hint，是设置的数组值		
        path      : '${ root}/jslib/raty/demo/img',//星星图片路径
        cancelOff : 'cancel-off-big.png',
        cancelOn  : 'cancel-on-big.png',
        size      : 24,
        starHalf  : 'star-half-big.png',
        starOff   : 'star-off-big.png',
        starOn    : 'star-on-big.png',
        cancel    : false,
        targetKeep: true,
        precision : false,//是否包含小数
        //readOnly:  true,
  		//score: ${shop.shopPraise }//设置值
        click: function(score, evt) {
          $('#starLevel').val(score);
        }
      });    
	  
	 
    });

  
  </script>
